# 使用官方Node.js作为构建基础镜像
FROM node:14-alpine as build-stage
WORKDIR /app

# 复制package.json和package-lock.json到工作目录
COPY package*.json ./

# 安装项目依赖
RUN npm install

# 复制当前目录中的所有文件（除了.dockerignore排除的路径）到工作目录
COPY . .

# 构建生产环境的Vue应用
RUN npm run build

# 使用官方Nginx镜像来服务构建好的Vue应用
FROM nginx:stable-alpine as production-stage

# 复制构建好的Vue应用到Nginx的html目录
COPY --from=build-stage /app/dist /usr/share/nginx/html

# 将Nginx配置文件复制到容器中
COPY nginx.conf /etc/nginx/nginx.conf

# 暴露Nginx服务的端口
EXPOSE 8082

# 启动Nginx服务
CMD ["nginx", "-g", "daemon off;"]